/* margin
     * 2 param: Abstand oben und unten; Abstand rechts und links
     * 3 param: Abstand oben; Abstand rechts und links; Abstand unten
     * 4 param: Abstand oben; Abstand rechts; Abstand unten; Abstand links
     */

html {}
/*slideshow*/
body {
      /*	-webkit-font-smoothing: antialiased;
      	font: normal 15px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
      	color: #232525;*/
      	margin: 0;
 	padding: 0;
  	text-align: left;
      	/*padding-top:70px;*/
    }

   	ul.slider, ul.slider li {
		width: 752px;
		height: 502px;
		list-style: none;
	}

#content_belvedere,
#content_love,
#content_collection, 
#content_illustration, 
#content_accessoires, 
#content_africouture, 
#content_dontbeafraid, 
#content_impressum, 
#content_belvederemini, 
#link_belvederemini, 
#link_vita,
#link_referenzen,
#link_kontakt,
#link_apolda,
#link_fashionclip,
#link_interview,
#link_villastuck,
#link_kollektionsmodenschauX5
{
	display: none;
}

#slideshow_belvedere,
#slideshow_collection, 
#slideshow_illustration, 
#slideshow_accessoires, 
#slideshow_africouture, 
#slideshow_dontbeafraid, 
#slideshow_belvederemini, 
#slideshow_life {
	display: none;
} 

#link_collection, 
#link_accessoires, 
#link_illustration,
#link_belvedere,
#link_africouture,
#link_dontbeafraid {
display: block;
}

/*
	AnythingSlider v1.8+ Default theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID & dimensions to match your slider */
#slider_belvedere,
#slider_collection, 
#slider_illustration, 
#slider_accessoires, 
#slider_africouture, 
#slider_dontbeafraid, 
#slider_belvederemini
{
	width: 752px;
	height: 502px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}

.anythingBase .horizontal {
	width: 752;
	left:0;
}

/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
/*.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}*/
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
/*.anythingSlider .arrow.disabled {
	display: none;
}*/
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
	float: none;
}
/* fade mode */
.anythingSlider .fade .panel {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
	z-index: 1;
}

/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul {float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
	transition-duration: 0s;
	-o-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-webkit-transition-duration: 0s;
}

/* slider window - top & bottom borders, active state */
.anythingSlider-default .anythingWindow,
.anythingSlider-default.activeSlider .anythingWindow {
	background-position: 0 0px;/*inaktiv*/
}
/* Navigation buttons, active state */
.anythingSlider-default .anythingControls a,
.anythingSlider-default.activeSlider .anythingControls a {

	background-position: 0 0px;/*inaktiv*/
}
/* Navigation current & hovered button, active state */
.anythingSlider-default .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a.cur {
	background-position: 0 -26px; /*clicked*/
}
.anythingSlider-default .anythingControls a:hover,
.anythingSlider-default.activeSlider .anythingControls a:hover {
	background-position: 0 -13px;/*hover*/
      
}

/* Navigation Arrows */
.as-oldie .anythingSlider-default .arrow {
	top: 30%;
}
.as-oldie .anythingSlider-default .arrow a {
	margin: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
	display: none;
}

/* Navigation Arrows */
.anythingSlider-default .arrow {
	top: 0;
	position: absolute;
	display: block;
}

.anythingSlider-default .arrow a {
	display: block;
	width: 350px;
	height: 450px;
	margin: 0px 5px 0px 5px; 
	text-align: center;
	outline: 0;
	background: url(next-prev-a.png) no-repeat;
}

/* back arrow */
.anythingSlider-default .back { left: 0; }
.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position: left -450px; }
/* forward arrow */
.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position: right -450px; }

/* Navigation Links */
.anythingSlider-default .anythingControls { 
	outline: 0; 
	display: none; 
	margin: -30px 10px 0;
      	/*float: right;*/
      	list-style: none;
      	position: relative;
	z-index: 2120; 
	/*width:60px;*/
	text-align:center;
	display:block;
	color:#333;
	text-decoration:none;
}

.anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; }
.anythingSlider-default .anythingControls ul li { 
	display: inline;

      	float: left;
      	margin: 0 1px; 
}
.anythingSlider-default .anythingControls ul a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(pagination.png);
      background-position: 0 0;
      overflow: hidden;
      }

/* navigationSize window */
.anythingSlider-default .anythingControls .anythingNavWindow {
	overflow: hidden;
	/*float: left;*/
}

.thumbNav{
        background:url(white.png) repeat;	
	-moz-border-radius:15px;
	border-radius:15px;
}

/*
 * Start Stop buttons
 */

.start-stop{
	margin: -7px 0 0;
}

/* start-stop button, stopped, active state */
.anythingSlider-default .anythingControls a.start-stop,
.anythingSlider-default.activeSlider .anythingControls a.start-stop {
background-position: 0 -22px;
}
/* start-stop button, playing, active state */
.anythingSlider-default .anythingControls a.start-stop.playing,
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
background-position: -30px 0;
}
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-default .anythingControls a.start-stop:hover,
.anythingSlider-default .anythingControls a.start-stop.hover,
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover,
.anythingSlider-default.activeSlider .start-stop:hover,
.anythingSlider-default.activeSlider .start-stop.hover {
	color: #fff;
}

/************************
  NAVIGATION POSITIONING
 ************************/
/* Autoplay Start/Stop button */
.anythingSlider-default .anythingControls .start-stop {
	background-image: url(playstop.png);
      	background-repeat: no-repeat;
	background-position: 0 0;
      	display:block;
      	width:30px;
      	height:22px;
      	overflow: hidden;
      	text-indent: -9999px;
     	float: right;
      	margin-left: 6px;
	position: relative;
	z-index: 100; 
}

    .navbar {
      overflow: hidden;
    }

a:focus {outline: 0px;}

#frame {
	width: 100%;
}

img {
	border: 0;
}


a:link, h1:link, h2:link          {color: #6c6c6c; text-decoration:underline; }
a:visited, h1:visited, h2:visited {color: #e2007a; text-decoration:none;}

h2, h2 a                          {color: #6c6c6c; text-decoration:none; margin-bottom:-10px; font-size:21px; }
h1, h1 a                          {color: #e2007a; text-decoration:none; margin-bottom:1px; font-size:26px;  }
h4, h4 a                          {color: #e2007a; text-decoration:none; margin-bottom:-35px; margin-top: 46px; font-size:21px; text-align: left;  }
h5, h5 a                          {color: #6c6c6c; text-decoration:none; margin-bottom:-35px; font-size:20px; text-align: left;  }
h6, h6 a                          {color: #6c6c6c; text-decoration:none; margin-bottom:-35px; font-size:16px; text-align: left;  }
a                                 {color: black; text-decoration:none; }

h3, h3 a                          {color: #6c6c6c; text-decoration:none; margin-bottom:-21px; font-size:21px; text-align: left;  }

/*h2,
h2 a,
h2:active,
h2:focus,
h2:link {color: #6c6c6c; text-decoration:none; display: inline; margin-bottom: 18px; font-size: 21px; }

h1,
h1 a,
p strong,
h1:active,
h1:focus,
h1:link {color: #6c6c6c; text-decoration:none; display: inline; margin-bottom: 46px; font-size: 26px; }

h1:visited */
/*h1 a:hover,
h1:hover,*//*
h1 a:visited {color: #e2007a;text-decoration:none; display: inline; margin-bottom: 46px; font-size: 26px; }

h2 a:visited,*/
/*h2 a:hover,
h2:hover,*/
/*h2:visited {color: #e2007a;text-decoration:none; display: inline; margin-bottom: 18px; font-size: 21px; }

*/



    /* margin
     * 2 param: Abstand oben und unten; Abstand rechts und links
     * 3 param: Abstand oben; Abstand rechts und links; Abstand unten
     * 4 param: Abstand oben; Abstand rechts; Abstand unten; Abstand links
     */

#space_inhalt {
	margin: 0 0 0 170px; /*0, auto;*/
}

#space_inhalt_ref {
	margin: 0 0 0 250px; /*0, auto;*/
}
    
#inhalt {
  margin: 0 0 0 0; /*0, auto;*/
  width: 960px;
  /*background: lightblue;*/
}   

#header {
	padding-top: 10px;
	/*padding-bottom: 40px;*/
	width: 344px;
	margin: 0 0 0 10px;
	/*background: lightcyan;*/
}

.fb_like {
	float: left;
	margin: 0 0 0 20px;
}

#side_navigation {
	padding-top: 20%;/*40px;*/
	padding-bottom: 16%;/*40px*/
	/*float: left;*/
	/**left: 1px;*/
	width: 262px;
	height: 150px;
	float: left;
	/*height: 100px;*/
	/*margin: 75px 0 0 42px;*/
	/*background: lightsalmon;*/
}

#center_nav_box{
	width: 1030px;
	z-index: 5000;
	
}

#center_box{
	margin: 480px 0 0 0px ;/*-36px 0 0 0px*/
	/*float: right;
	left: 350px;*/
    	
	/*width: 752px;*/
	float: right;
	/*background: yellowgreen;*/
		overflow: hidden;

}

#content_box{
	/* margin
    	 * 4 param: Abstand oben; Abstand rechts; Abstand unten; Abstand links
    	 */
	margin: -650px -68px 0 0 ;/* -595 hier rumschrauben wenn es sich verschiebt*/
	/*float: right;
	left: 350px;*/
	/*width: 752px;*/
	float: right;
	/*background: yellowgreen;*/

}

#bottom_navigation{
	height: 51px;
	/*display: inline;*/
	float: left;
	width:752;
	margin: -90 25px;/*0 25*/
	/*background: lightcyan;*/
}
.position_bottom_navigation_left{

	
}

.position_bottom_navigation_right{

}


.box{
}

#content_impressum{
	overflow-y: auto;
	width: 752px;
	height: 506px;
	margin-bottom: -4px;
	background-color: white;
}

#content_vita,
#content_vita_direkt,
#content_kontakt,
#content_kontakt_direkt,
#content_referenzen,
#content_interview,
#content_fashionclip,
#content_villastuck,
#content_kollektionsmodenschauX5{
	overflow-y: auto;
	width: 752px;
	height: 506px;
	text-align: center;
	margin-bottom: -4px;
	background-color: white;
}

#content_villastuck{
	overflow-y: auto;
	background-color: white;
	width: 752px;
	height: 506px;
	margin-bottom: -4px;
}

#footer{
	/*background: yellow;*/
	width: 702px;
	text-align: center;
	float: center;
	display: block;/*block/inline hier ist ein Problem*/
}

#bottom_navigation{
	/*background: pink;*/
	text-align: center;	
}

.debug{
	border: 1px solid red;
}

#content_kollektionsmodenschauX5{
	float: center;
}